﻿<!DOCTYPE html>
<html lang="en">
	<head>

		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- Font Awesome Icons -->
		<link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<!-- PE Icon 7 Stoke -->
		<link href="fonts/pe-icon-7-stroke/css/pe-icon-7-stroke.css" rel="stylesheet">
		<link href="fonts/pe-icon-7-stroke/css/helper.css" rel="stylesheet">
		<!-- PE Icon Social -->
		<link href="fonts/pe-icon-social/css/pe-icon-social.css" rel="stylesheet">
		<link href="fonts/pe-icon-social/css/helper.css" rel="stylesheet">
		<!-- Quicksand Dash -->
		<link href="fonts/quicksand-dash/stylesheet.css" rel="stylesheet">
		<!-- Owl Carousel -->
		<link href="css/owl.carousel.css" rel="stylesheet">
		<link href="css/owl.theme.default.css" rel="stylesheet">
		<!-- Sweet Alert -->
		<link href="css/sweetalert.css" rel="stylesheet">
		<!-- Animate -->
		<link href="css/animate.min.css" rel="stylesheet">
		<!-- Nivo Lightbox -->
		<link href="scripts/Nivo-Lightbox/nivo-lightbox.css" rel="stylesheet">
		<link href="scripts/Nivo-Lightbox/themes/default/default.css" rel="stylesheet">
		<!-- NoUISlider -->
		<link href="css/jquery.nouislider.min.css" rel="stylesheet">
		<!-- Style.css -->
		<link href="css/style.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

	</head>
	<body>
		
		<header class="header clearfix">
			<div class="left">
				<div class="logo"><a href="index.html"><img src="images/logo.png" alt="ExploreCity" class="img-responsive"></a></div> <!-- end .logo -->
				<form class="header-search">
					<input type="text" placeholder="I’m searching for ...">
					<button type="submit"><i class="pe-7s-search"></i></button>
				</form>
			</div> <!-- end .left -->
			<div class="navigation clearfix">
				<nav class="main-nav">
					<ul class="list-unstyled">
						<li class="menu-item-has-children">
							<a href="list.html">Explore</a>
							<ul>
								<li><a href="list.html">All Listings</a></li>
								<li class="menu-item-has-children">
									<a href="list.html">Food & Drink<i class="pe-7s-right-arrow"></i></a>
									<ul>
										<li><a href="list.html">Cafe’</a></li>
										<li><a href="list.html">Restaurant</a></li>
										<li><a href="list.html">Pizza Place</a></li>
									</ul>
								</li>
								<li><a href="list.html">Entertainment</a></li>
								<li><a href="list.html">Nightlife</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children">
							<a href="index.html">Pages</a>
							<ul>
								<li><a href="#">How It Works</a></li>
								<li><a href="#">Add Listing</a></li>
								<li><a href="#">Add Your Listing</a></li>
								<li><a href="list.html">List</a></li>
								<li><a href="#">List Detail</a></li>
								<li class="menu-item-has-children">
									<a href="#">Dashboard<i class="pe-7s-right-arrow"></i></a>
									<ul>
										<li><a href="#">Dashboard</a></li>
										<li><a href="#">My Listings</a></li>
										<li><a href="#">My Wishlist</a></li>
										<li><a href="#">Edit Profile</a></li>
									</ul>
								</li>
								<li><a href="#">Maintenance</a></li>
								<li><a href="#">Coming Soon</a></li>
								<li><a href="#">404</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children">
							<a href="blog.html">Blog</a>
							<ul>
								<li><a href="blog.html">Blog</a></li>
								<li><a href="#">Blog Post</a></li>
								<li><a href="#">Blog Post Video</a></li>
								<li><a href="#">Blog Post Gallery</a></li>
								<li><a href="#">Blog Post Quote</a></li>
							</ul>
						</li>
						<li class="menu-item-has-children">
							<a href="shop.html">Shop</a>
							<ul>
								<li><a href="shop.html">Shop</a></li>
								<li><a href="shop-details.html">Shop Details</a></li>
								<li><a href="shop-cart.html">Shop Cart</a></li>
							</ul>
						</li>
					</ul>
				</nav> <!-- end .main-nav -->
				<a href="" class="responsive-menu-open"><i class="fa fa-bars"></i></a>
				<a href="" class="cart-button">
					<i class="icon-shopping-basket"></i>
					<span>0</span>
				</a>
			</div> <!-- end .navigation -->
			<div class="right">
				<div class="user">
					<div class="avatar"><img src="images/avatar04.jpg" alt="avatar"></div>
					Angelbi88 . <a href="">Log Out</a>
				</div>
			</div> <!-- end .right -->
		</header> <!-- end .header -->
		<div class="responsive-menu">
			<a href="" class="responsive-menu-close"><i class="fa fa-times"></i></a>
			<nav class="responsive-nav"></nav> <!-- end .responsive-nav -->
		</div> <!-- end .responsive-menu -->
			
		<div class="page-header">
			<div class="container">
				<div class="breadcrumbs">
					<ul class="list-unstyled">
						<li><a href="index.html">Home</a></li>
						<li>Shop</li>
						<li>Food</li>
						<li>Up to 40% Off at Angel’s Pizza Restaurant</li>
					</ul>
				</div> <!-- end .breadcrumbs -->
			</div> <!-- end .container -->
		</div> <!-- end .page-header -->

		<div class="page-title" style="background-image: url('images/background15.jpg');">
			<div class="inner">
				<h2>Up to 40% Off at Angel’s Pizza Restaurant.</h2>
				<p>Two medium pizzas baked from housemade dough</p>
			</div> <!-- end .inner -->
		</div> <!-- end .page-title -->

		<div class="section boxed-section light shop-details">
			<div class="inner">
				<div class="container">
					<div class="box">
						<div class="row">
							<div class="col-md-6">
								<div class="blog-post gallery product-gallery">
									<div class="blog-gallery">
										<div><img src="images/shop-details01.jpg" alt="image" class="img-responsive"></div>
										<div><img src="images/shop-details01.jpg" alt="image" class="img-responsive"></div>
										<div><img src="images/shop-details03.jpg" alt="image" class="img-responsive"></div>
									</div> <!-- end .blog-gallery -->	
								</div> <!-- end .blog-post -->
								<div class="row">
									<div class="product-thumbnails">
										<div class="col-xs-4"><img src="images/shop-details01.jpg" alt="image" class="img-responsive"></div>
										<div class="col-xs-4"><img src="images/shop-details02.jpg" alt="image" class="img-responsive"></div>
										<div class="col-xs-4"><img src="images/shop-details03.jpg" alt="image" class="img-responsive"></div>
									</div> <!-- end .product-thumbnails -->
								</div> <!-- end .row -->
							</div> <!-- end col-md-6 -->
							<div class="col-md-6">
								<div class="price">
									<span class="original-price"><span>$79.00</span></span>
									<span class="sale-price">$39.00</span>
								</div>
								<div class="product-description">
									<p>Two medium pizzas baked from housemade dough.</p>
								</div>								
								<div class="stock">
									<p>39 in stock</p>
								</div>
								<div class="product-quantity">
									<input class="product-quantity light-inputs" type="number" value="1">
									<button type="button" class="button">Add to cart</button>
								</div> <!-- end .product-quantity -->
								<div class="product-info">
									<ul class="list-unstyled">
										<li><span>SKU : </span>6879</li>
										<li><span>Category : </span>Food</li>
										<li><span>Tags : </span>Food, Eat, Pizza, Restaurant</li>
									</ul>
								</div> <!-- end .product-info -->
								
								<ul class="nav nav-tabs product-info-tabs">
								    <li class="active"><a data-toggle="tab" href="#description-tab">Description</a></li>
								    <li><a data-toggle="tab" href="#additional-information-tab">Additional Information</a></li>
								    <li><a data-toggle="tab" href="#reviews-tab">Review (2)</a></li>
								</ul> <!-- end .product-info-tabs -->
								<div class="tab-content">
								    <div id="description-tab" class="tab-pane fade in active">
								        <p>Duis pellentesque velit nibh, et accumsan nunc imperdiet quis. Duis malesuada tempor fermentum. Mauris ornare metus in lorem faucibus auctor. Nam ultricies massa fermentum molestie finibus. Maecenas eleifend volutpat justo in commodo. Vestibulum non felis egestas, volutpat ipsum non, viverra lacus. Vivamus erat quam, gravida at elementum vel, commodo eget dui. </p>
								    </div> <!-- end #description-tab -->

								    <div id="additional-information-tab" class="tab-pane fade">
								        <form class="light-inputs">
											<div class="form-group">
												<div class="input-group">
													<span class="input-group-addon">Smoking policy : </span>
													<input type="text" placeholder="No smoking inside the property">
												</div> <!-- end .input-group -->
											</div> <!-- end .form-group -->
											<div class="form-group">
												<div class="input-group">
													<span class="input-group-addon">Parking : </span>
													<input type="text" placeholder="Included in resort service charge">
												</div> <!-- end .input-group -->
											</div> <!-- end .form-group -->
											<div class="form-group">
												<div class="input-group">
													<span class="input-group-addon">Check in : </span>
													<input type="text" placeholder="4.00 pm">
												</div> <!-- end .input-group -->
											</div> <!-- end .form-group -->
											<div class="form-group">
												<div class="input-group">
													<span class="input-group-addon">Check out : </span>
													<input type="text" placeholder="10.30 pm">
												</div> <!-- end .input-group -->
											</div> <!-- end .form-group -->
										</form> <!-- end .light-inputs -->
								    </div> <!-- end #additional-info-tab -->

								    <div id="reviews-tab" class="tab-pane fade">
										<div class="review clearfix">
											<div class="avatar"><img src="images/avatar01.jpg" alt="avatar"></div>
											<ul class="meta list-unstyled">
												<li class="name">Dignissim Auctor</li>
												<li class="rating"><img src="images/star.png" alt="star"><img src="images/star.png" alt="star"><img src="images/star.png" alt="star"><img src="images/star.png" alt="star"><img src="images/star.png" alt="star"></li>
											</ul> <!-- end .meta -->
											<div class="content">
												<p>Sed nec fermentum nisi. Vestibulum blandit erat id purus commodo vel luctus .</p>
											</div> <!-- end .content -->
										</div> <!-- end .review -->
										<div class="review review-tab clearfix">
											<div class="avatar"><img src="images/avatar02.jpg" alt="avatar"></div>
											<ul class="meta list-unstyled">
												<li class="name">Congue Sapien</li>
												<li class="rating"><img src="images/star.png" alt="star"><img src="images/star.png" alt="star"><img src="images/star.png" alt="star"><img src="images/star.png" alt="star"><img src="images/star.png" alt="star"></li>
											</ul> <!-- end .meta -->
											<div class="content">
												<p>Sed nec fermentum nisi. Vestibulum blandit erat id purus commodo vel luctus .</p>
											</div> <!-- end .content -->
										</div> <!-- end .review -->

										<div class="add-review">
											<h4>Rate and write a review.</h4>
											<form>
												<div class="row">
													<div class="col-sm-12">
														<div class="form-group light-inputs">
															<input type="text" placeholder="Your Name*" required>
														</div> <!-- end .form-group -->
													</div> <!-- end .col-sm-6 -->
												</div> <!-- end .row -->
												<div class="row">
													<div class="col-sm-12">
														<div class="form-group light-inputs">
															<input type="email" placeholder="Your@email.com*" required>
														</div> <!-- end .form-group -->
													</div> <!-- end .col-sm-6 -->
												</div> <!-- end .row -->
												<div class="form-group light-inputs">
													<textarea rows="3" placeholder="Your reviews here ..." required></textarea>
												</div> <!-- end .form-group -->
												<div class="clearfix">
													<fieldset class="rating">
														<input type="radio" id="star5" name="rating" value="5" /><label class = "full" for="star5" title="Awesome - 5 stars"></label>
														<input type="radio" id="star4half" name="rating" value="4 and a half" /><label class="half" for="star4half" title="Pretty good - 4.5 stars"></label>
														<input type="radio" id="star4" name="rating" value="4" /><label class = "full" for="star4" title="Pretty good - 4 stars"></label>
														<input type="radio" id="star3half" name="rating" value="3 and a half" /><label class="half" for="star3half" title="Meh - 3.5 stars"></label>
														<input type="radio" id="star3" name="rating" value="3" /><label class = "full" for="star3" title="Meh - 3 stars"></label>
														<input type="radio" id="star2half" name="rating" value="2 and a half" /><label class="half" for="star2half" title="Kinda bad - 2.5 stars"></label>
														<input type="radio" id="star2" name="rating" value="2" /><label class = "full" for="star2" title="Kinda bad - 2 stars"></label>
														<input type="radio" id="star1half" name="rating" value="1 and a half" /><label class="half" for="star1half" title="Meh - 1.5 stars"></label>
														<input type="radio" id="star1" name="rating" value="1" /><label class = "full" for="star1" title="Sucks big time - 1 star"></label>
														<input type="radio" id="starhalf" name="rating" value="half" /><label class="half" for="starhalf" title="Sucks big time - 0.5 stars"></label>
													</fieldset>													
												</div> <!-- end .clearfix -->
												<button type="submit" class="button">Submit your reviews</button>
											</form>
									    </div> <!-- end .add-review -->
								    </div> <!-- end #reviews-tab -->
								</div> <!-- end .tab-content -->
							</div> <!-- end col-md-6 -->
						</div> <!-- end .row -->
						<div class="related-products">
							<h3 class="text-center">Related Products</h3>
							<div class="related-products-slider">
								<div class="related-item">
									<img src="images/related-products01.jpg" alt="bg" class="img-responsive">
									<div class="overlay"></div>
									<div class="content">
										<h3><a href="">Combo Burgers</a></h3>
										<p>$68.00</p>
									</div> <!-- end .content -->
								</div> <!-- end .related-item -->

								<div class="related-item">
									<img src="images/related-products02.jpg" alt="bg" class="img-responsive">
									<div class="overlay"></div>
									<div class="content">
										<h3><a href="">Pizza Restaurant</a></h3>
										<p>$68.00</p>
									</div> <!-- end .content -->
								</div> <!-- end .related-item -->

								<div class="related-item">
									<img src="images/related-products03.jpg" alt="bg" class="img-responsive">
									<div class="overlay"></div>
									<div class="content">
										<h3><a href="">Combo Burgers</a></h3>
										<p>$68.00</p>
									</div> <!-- end .content -->
								</div> <!-- end .related-item -->
								<div class="related-item">
									<img src="images/related-products01.jpg" alt="bg" class="img-responsive">
									<div class="overlay"></div>
									<div class="content">
										<h3><a href="">Enjoying a Tasty Burger</a></h3>
										<p>$68.00</p>
									</div> <!-- end .content -->
								</div> <!-- end .related-item -->							
							</div> <!-- end .realted-products-slider -->
						</div> <!-- end .related-products -->
					</div> <!-- end .box -->
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .section -->

		<footer class="footer">
			<div class="top">
				<div class="left">
					<div class="logo"><a href="index.html"><img src="images/logo-dark.png" alt="ExploreCity" class="img-responsive"></a></div> <!-- end .logo -->
				</div> <!-- end .left -->
				<div class="social-icons">
					<a href=""><i class="pe-so-facebook"></i></a>
					<a href=""><i class="pe-so-twitter"></i></a>
					<a href=""><i class="pe-so-vimeo"></i></a>
					<a href=""><i class="pe-so-tripadvisor"></i></a>
					<a href=""><i class="pe-so-instagram"></i></a>
					<a href=""><i class="pe-so-google-plus"></i></a>
				</div>
				<div class="right">Proudly Made in Viet Nam<a href="">+84 968796789</a></div> <!-- end .left -->
			</div> <!-- end .top -->
			<div class="bottom">Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></div>
		</footer> <!-- end .footer -->

		<!-- jQuery -->
		<script src="js/jquery-3.1.0.min.js"></script>
		<!-- Bootstrap -->
		<script src="js/bootstrap.min.js"></script>
		<!---<script src="http://ditu.google.cn/maps/api/js?key=AIzaSyAy-PboZ3O_A25CcJ9eoiSrKokTnWyAmt8"></script>--->
		<!-- rich marker -->
		<script src="js/richmarker.js"></script>
		<!-- Owl Carousel -->
		<script src="js/owl.carousel.min.js"></script>
		<!-- Countdown -->
		<script src="js/countdown.js"></script>
		<!-- Sweet Alert -->
		<script src="js/sweetalert.min.js"></script>
		<!-- Nivo Lightbox -->
		<script src="scripts/Nivo-Lightbox/nivo-lightbox.min.js"></script>
		<!-- NoUISlider -->
		<script src="js/jquery.nouislider.all.min.js"></script>
		<!-- Scripts.js -->
		<script src="js/scripts.js"></script>

	</body>
</html>
